✘ [ERROR] The JSX syntax extension is not currently enabled

    node_modules/react-native-reanimated/lib/module/component/PerformanceMonitor.js:93:9:
      93 │   return <View style={styles.container}>
         ╵          ^

"vite-plugin-react-native-web", had to make a fork: https://github.com/JacobDel/vite-plugin-react-native-web/tree/local
"vite-plugin-babel": "^1.3.2",
"vite-plugin-commonjs": "^0.10.4",
"@vitejs/plugin-react": "^4.5.2",

import {defineConfig} from 'vite';
import react from '@vitejs/plugin-react';
import path from 'path';
import reactNativeWeb from 'vite-plugin-react-native-web';
import babel from 'vite-plugin-babel';
import commonjs from 'vite-plugin-commonjs';

const development = process.env.NODE_ENV === 'development';

export default defineConfig({
  clearScreen: true,
  plugins: [
    react({
      // babel will only handle src, not node_modules
    }),
    babel({
      babelConfig: {
        configFile: false,
        babelrc: false,
        presets: ['@babel/preset-react', '@babel/preset-flow'],
        plugins: [
          '@babel/plugin-transform-export-namespace-from', // https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started/#web
          'react-native-reanimated/plugin',
        ],
      },
    }),

    ...(development
      ? []
      : [
          babel({
            include: [/node_modules\/(react-native|@react-native)/],
            babelConfig: {
              plugins: [
                [
                  // this is a fix for reanimated not working in production
                  '@babel/plugin-transform-modules-commonjs',
                  {
                    strict: false,
                    strictMode: false, // prevent "use strict" injections
                    allowTopLevelThis: true, // dont rewrite global `this` -> `undefined`
                  },
                ],
              ],
            },
          }),
        ]),
    reactNativeWeb({transformJsx: false}),
    commonjs({
      transformMixedEsModules: true,
    }),
  ],
  server: {
    port: 3000,
  },
  build: {
    outDir: 'build',
  },
  resolve: {
    alias: [
      {
        find: 'qdzqdzqdzqdzdqd',
        replacement: 'react-native/Libraries/Image/AssetRegistry', // had to hardcode the original path to giberish so that the next part won't change it
      },
      {find: 'react-native', replacement: 'react-native-web'},
    ],
  },
});